<template>
    <div class="my-radio-station">
        <div class="wrap">
            <ComNav title="我创建的电台" moreLink="/discover/playlist/" moreText="" :showIcon="false"
                :hideBackground="true" />
            <RadioStationList :radioList="myRadios" />
            <ComNav title="我订阅的电台" moreLink="/discover" moreText="" :showIcon="false" :hideBackground="true" />
            <RadioStationList :radioList="myRadios" />
        </div>
    </div>
</template>

<script setup lang="ts">
import ComNav from '../components/ComNav.vue'
import RadioStationList from '../components/RadioStationList.vue'

const myRadios = [
    {
        id: 977745687,
        name: "master",
        coverUrl:
            "https://p1.music.126.net/gYgApJAb3bCSzZBsesd8MQ==/109951167592465192.jpg?param=177y177",
        issueCount: 33
    },
    {
        id: 977745688,
        name: "another",
        coverUrl:
            "https://p1.music.126.net/gYgApJAb3bCSzZBsesd8MQ==/109951167592465192.jpg?param=177y177",
        issueCount: 21
    }
];

</script>

<style lang="scss" scoped>
.my-radio-station {
    height: 100%;
    float: right;
    width: 740px;
    padding-bottom: 50px;

    .wrap {
        padding: 40px;
    }
}
</style>